<div><div id="app" class="app" data-custom-page="" data-off-canvas-nav="" data-ng-class=" {'layout-boxed': admin.layout} " ng-show="!newContainer">
    <header data-ng-controller="WFHeaderCtrl" data-ng-include=" 'templates/main/header/header.html' " id="header"
            class="header-container {{admin.navbarHeaderColor}}"
          data-ng-class="{'header-fixed': admin.fixedHeader}"></header>
  <div id="wf-main-container" class="main-container">
    <aside data-ng-include="'templates/main/nav/nav.html'" id="nav-container" class="nav-container {{admin.asideColor}}"
           data-ng-class=" {'nav-fixed': admin.fixedSidebar, 'nav-horizontal': admin.menu}"></aside>
    <div id="content" class="content-container animate-fade-up">
      <!--<div class="tab-view" id="uiv_about" ui-view="'about'"></div>-->
      <section id="drag-layout-container" style="margin: 0">
        <div class="container">
          <div class="grid" style="margin: 0;border: none">
            <div style="clear: both"></div>
          </div>
        </div>
      </section>

    </div>
    <!--<aside data-ng-include=" 'views/rightsidebar/rightsidebar.html' " id="rsidebar" class="rsidebar hidden-xs"></aside>-->
  </div>

</div>
  <div id="modalContent" ng-click="close()">
    <button class="button close" ng-click="close()" style="font-size: 40px;color: red;transform:rotate(45deg);">+</button>
    <iframe src="" style="width: 100%;height: 100%;border: none;"></iframe>
  </div>
  <section id="new-layout-container" style="margin: 0" ng-show="newContainer">
    <div class="container">
      <div class="grid" id="new-grid" style="margin: 0;border: none">
        <div style="clear: both"></div>
      </div>
    </div>
  </section>
</div>